<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template.xhtml">

        <ui:define name="bodyname">
            <h:outputText value="#{msg.perfil}"/>
        </ui:define>
        <ui:define name="body">          
            <h:form id="perfil">
                <h:panelGrid>
                    <!-- 				Aqui pega a imagem tanto local como da internet '-' -->
                    <h:graphicImage url="http://citizenmed.files.wordpress.com/2011/08/user-icon1.jpg"
                                    alt="Imagem do Perfil" height="160" width="120"></h:graphicImage>
                    <h:outputText
                        value="#{ControladorUsuario.us.nome} #{ControladorUsuario.us.sobrenome}" />

                    <h:outputText value="#{ControladorUsuario.us.cidade}" />

                    <h:outputText value="#{ControladorUsuario.us.estado}" />

                    <h:outputText value="#{ControladorUsuario.us.pais}" />

                    <h:outputText value="#{ControladorUsuario.us.sexo}" />

                    <h:outputText value="#{ControladorUsuario.us.dataNascimento}" />

                    <h:outputText value="#{ControladorUsuario.us.estadoCivilString}" />

                </h:panelGrid>
                <ul>
                    <li><a href="#" class="button">${msg.amigos}</a></li>
                    <li><a href="caronas.jsf" class="button">${msg.caronas}</a></li>
                    <li><a href="trajetos.jsf" class="button">${msg.trajetos}</a></li>
                </ul>

            </h:form>
        </ui:define>
    </ui:composition>
</html>